<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>阿里百秀-发现生活发现美！</title>
  <link rel="stylesheet" href="./assets/vendors/aliFont/iconfont.css">
  <link rel="stylesheet" href="./assets/css/common.css">
  <link rel="stylesheet" href="./assets/css/style.css">
</head>
<body>
        <div class="hidden-xs leftBox">
          <div class="leftLogo">
            <a href="index.html">
              <img src="./assets/img/logo.png" alt="">
            </a>
          </div>
          <ul class="navAside">
          </ul>
          <div class="search">
              <input type="text" placeholder="输入关键字">
              <span class="btn">搜索</span>
          </div>
        </div>
      <div class="content clearfix">
        <div class="rightBox">
          <div class="rightSearch">
            <h3>搜索</h3>
            <div class="searchKey">
              <input type="text" placeholder="输入关键字" class="keys">
              <button class="btn">搜索</button>
            </div>
          </div>
          <div class="rightRecommend">
            <h3>随机推荐</h3>
            <ul id="randomBox">
            </ul>
          </div>
          <div class="commentNew">
            <h3>最新评论</h3>
            <ul id="commentLasted">
       
            </ul>
          </div>
        </div>
        <div class="indexContent">
             <div class="articleContent">
               <h3>最新发布</h3>
               <ul class="article">   
               </ul>
             </div> 
        </div>
      </div>
        <div class="footer">
          <p>© 2016 XIU主题演示 本站主题由 themebetter 提供</p>
        </div>
    <script src="./assets/vendors/art-template/template-web.js"></script>
    <script src="./assets/vendors/Jquery/jquery.min.js"></script>
    <script type='text/html' id="searchTpl">
      {{each data}}
      <li>
        <p class="articleTitle"><span>{{$value.category.title}}<i class="shape"></i></span><a href="detail.html?id={{$value._id}}">{{$value.title}}</a></p>
        
          <div class="itemContent fl">
            <span>{{$value.author.nickName}} 发表于 {{$value.createAt.split('T')[0]}}</span>
            <p class="articleText">{{$value.content.substr(0, 80)}}</p>
            <div class="comments">
              <span>阅读({{$value.meta.views}})</span>
              <span><a href="detail.html?id={{$value._id}}">评论({{$value.meta.comments}})</a></span>
              <span id="good" data-id="{{$value._id}}"><a href="javascript:;"><i class="iconfont icon-zan"></i>  赞({{$value.meta.likes}})</a></span>
              <span>分类：<a href="javascript:;">{{$value.category.title}}</a></span>
            </div>
          </div>
          <div class="itemImg">
            <a href="detail.html?id={{$value._id}}">
              <img src="{{$value.thumbnail}}" alt="">
            </a>
            
          </div>
        
     </li> 
      {{/each}}
    </script>
   <script src="./assets/js/public.js"></script>
 <script src="./assets/js/search.js"></script>
</body>
</html>